﻿<article id="browser">
    <p class="browser-text">
        This website has been developed for use with the lastest versions of browsers, please
        update your browser. Some browsers are "old" and have no support anymore. This leads
        to security issues and bad website layouts. A simple update like this can fix it.
    </p>
    <p class="browser-message">
        Supported Browsers:
    </p>
    <ul class="browser-list">
        <li><a title="Internet Explorer 9 (or greater)" href="http://ie.microsoft.com/">
            <img src="@this.Static("~/Content/Images/pixel.gif")" width="0" height="0" alt="Internet Explorer 9 (or greater)" class="browser-sprite" id="internetexplorer" />
        </a></li>
        <li><a title="Firefox 7 (or greater)" href="http://www.mozilla.org/">
            <img src="@this.Static("~/Content/Images/pixel.gif")" width="0" height="0" alt="Firefox 7 (or greater)" class="browser-sprite" id="firefox" />
        </a></li>
        <li><a title="Chrome 13 (or greater)" href="http://www.google.com/chrome">
            <img src="@this.Static("~/Content/Images/pixel.gif")" width="0" height="0" alt="Chrome 13 (or greater)" class="browser-sprite" id="chrome" />
        </a></li>
        <li><a title="Opera 11.5 (or greater)" href="http://www.opera.com/">
            <img src="@this.Static("~/Content/Images/pixel.gif")" width="0" height="0" alt="Opera 11.5 (or greater)" class="browser-sprite" id="opera" />
        </a></li>
        <li><a title="Safari 5.1 (or greater)" href="http://www.apple.com/safari/">
            <img src="@this.Static("~/Content/Images/pixel.gif")" width="0" height="0" alt="Safari 5.1 (or greater)" class="browser-sprite" id="safari" />
        </a></li>
    </ul>
</article>
<script defer="defer">
    $(window).ready(function () {
        var features = [Modernizr.borderradius, Modernizr.boxshadow, Modernizr.fontface, Modernizr.generatedcontent, Modernizr.rgba];
        for (var i = 0; i < features.length; i++) {
            if (!features[i]) {
                $("#browser").slideDown(1200);
                break;
            }
        }
    });
</script>
